<template>
  <div class="box">
    <ul>
      <router-link :to="{ path: '/about'}">
        <li>关于我们</li>
      </router-link>
      <li>|</li>
      <router-link :to="{ path: '/advertising'}">
        <li>广告合作</li>
      </router-link>
      <li>|</li>
      <router-link :to="{ path: '/feedback'}">
        <li>意见反馈</li>
      </router-link>
      <li>|</li>
      <router-link :to="{ path: '/statement'}">
        <li>免责声明</li>
      </router-link>
      <li>|</li>
      <router-link :to="{ path: '/report'}">
        <li>我要举报</li>
      </router-link>
    </ul>
    <div class="bottom">
      <span>jiu.zhongyi9999.com</span>
      <span>
        Copyright 2019 鄂ICP备14010830号
        版权所有：湖北中亿嘉讯传媒有限公司
      </span>
    </div>
  </div>
</template>
<script>
export default {};
</script>

<style scoped>
@media screen and (min-width: 1024px) {
  .box {
    height: 113px;
    background: rgba(73, 73, 73, 1);
    text-align: center;
  }

  ul {
    line-height: 20px;
    font-size: 15px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    margin-top: 23px;
  }
  ul li {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(179, 179, 179, 1);
    float: left;
  }
  ul li:nth-child(odd) {
    width: 170px;
    text-align: center;
  }
  .bottom {
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(179, 179, 179, 1);
    margin-top: 25px;
  }
  .bottom span:nth-child(1) {
    margin-right: 20px;
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .box {
    /* height: 1.13rem; */
    background: rgba(73, 73, 73, 1);
    text-align: center;
    overflow: hidden;
    padding-bottom: 0.2rem;
    box-sizing: initial;
  }

  ul {
    /* line-height: 0.2rem; */
    font-size: 0.15rem;
    text-align: center;
    overflow: hidden;
    /* display: inline-block; */
    margin-top: 0.23rem;
  }
  ul li {
    font-size: 0.16rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(179, 179, 179, 1);
    float: left;
  }
  ul li:nth-child(odd) {
    width: 1.4rem;
    text-align: center;
  }
  .bottom {
    overflow: hidden;
    text-align: center;
    font-size: 0.16rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(179, 179, 179, 1);
    margin-top: 0.25rem;
    padding: 0 0.2rem;
  }
  .bottom span:nth-child(1) {
    margin-right: 0.2rem;
  }
}
</style>

